﻿<!DOCTYPE html>
<html>
  <head>
   
	
   <meta charset="utf-8"/>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<title>个人信息</title>
</head>

<body>
	<div id="userinfordiv" style="width:900px;margin:auto;">





<div>
		<div style="float:left">
			<h3 class="text-muted" float="left">欢迎使用名片管理系统</h3>
		</div>
		<div style="float:right;margin-top:22px;margin-right:10px">
			<ul class="nav nav-pills nav-justified">
				<li>当前用户：######</li>
			</ul>
		</div>
	</div>

	<br> <br> <br>

	<div id="daohangdiv" style="margin-top:4px;" >
		<ul class="nav nav-pills nav-justified">
			<li id="card_management" ><a href="#">名片信息管理</a></li>
			<li><a id="group" href="#" target="content">名片组管理</a></li>
			<li><a href="#" target="content">添加名片</a></li>
			<li ><a href="#" target="content">浏览日志</a></li>
			<li><a href="#" target="content">同一人物设定</a></li>
			<li><a href="#" target="content">公司/部门视图</a></li>
			<li><a href="#" target="content">文件导出</a></li>
			<li class="active"><a href="#" target="content">个人信息</a></li>
			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li><a href="#" target="_blank">退出系统</a></li>
		</ul>
	</div>





			<div id="userdiv" style="background-color: #efefef; height: 170px">
				<p>
					<strong>个人信息变更</strong>
				</p>
				<p></p>

				<div style="width: 400px; float: left">
					<p>
						<span>&nbsp;&nbsp;当前密码:&nbsp;&nbsp;&nbsp;</span>
						<input id="cmpname" type="text">
					</p>
					<p>
						<span>&nbsp;&nbsp;新密码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<input id="name" type="text">
					</p>
					<p>
						<span>&nbsp;新密码确认:&nbsp;&nbsp;</span>
						<input id="name1" type="text">
					</p>
				</div>

				<div style="width: 410px; float: left">
					<p>
						<br>
						<br>
						<br>
						<br>
						<br>
						<button type="button" class="btn btn-primary btn-sm">
							&nbsp;更新&nbsp;
						</button>
					</p>
				</div>
			</div>
			<hr></hr>

			<div id="carddiv" style=" height: 270px;">
				<div style="width: 400px; float: left">
					<table class="table table-bordered table-hover">
						<td height="270px">
							正面
						</td>
					</table>
				</div>
				<div style="width: 400px; float: right">
					<table class="table table-bordered table-hover">
						<td height="270px">
							反面
						</td>
					</table>
				</div>
			</div></body>
</html>
